
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/views/jspf/impose.jspf"%>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/repair/create.css">
    <script type="text/javascript" src="${ctx}/static/js/repair/create.js"></script>
    <script type="text/javascript">
        var ctx ='${ctx}';
    </script>
    <title>订单创建</title>
</head>
<body style="background-color:transparent;">
<div class="container" style="background-color:  rgba(254,254,254,0.8); height: 80%">
    <div class="row clearfix">
        <br>
        <div class="col-md-12 column">
            <button id="btn_return" type="button" class="btn  btn-info pull-left" >
                <span class="glyphicon glyphicon-circle-arrow-left " aria-hidden="true"></span>&nbsp;&nbsp;返回
            </button>
        </div>
    </div>
    <br>
    <div class="row clearfix">
        <div class="col-md-12 column ">
            <form id="saveForm" role="form" >
                <table class="table">
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-user"/></td>
                        <td class="tdDescribe"><label  for="name">姓  名</label></td>
                        <td class="tdContent"><div class="form-group"><input class="form-control" id="name" name="name" type="text" /></div></td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-phone"/></td>
                        <td class="tdDescribe"><label for="phone">电  话</label></td>
                        <td class="tdContent"><div class="form-group"><input class="form-control" id="phone" name="phone" type="text" /></div></td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-time"/></td>
                        <td class="tdDescribe"><label >期望维修日期</label></td>
                        <td class="tdContent">
                            <div class="form-group"> <div class='input-group date datetimepicker' id='expectRepairTime'>
                            <input  id='expectRepairTimeLittle' name="expectRepairTime" type='text' class="form-control" placeholder="建议您选择您空闲的时间，以便技术人员上门服务" />
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-wrench"/></td>
                        <td class="tdDescribe"><label for="repairType">维修类别</label></td>
                        <td colspan="3" class="tdContent"> <div class="form-group"><select id = "repairType" name="repairType" class="selectpicker">
                            <option value="wholeNew" selected = selected>整机换新</option>
                            <option value="partNew">部分换新</option>
                            <option value="repair">故障维修</option>
                        </select></div></td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-bed"/></td>
                        <td class="tdDescribe"><label for="deviceType">家电类别</label></td>
                        <td colspan="3" class="tdContent"><div class="form-group"><select id = "deviceType" name="deviceType" class="selectpicker">
                            <option value="icebox" selected = selected>冰箱</option>
                            <option value="washer">洗衣机</option>
                            <option value="TV">电视机</option>
                            <option value="air">空调</option>
                            <option value="heater">热水器</option>
                        </select></div></td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-map-marker"/></td>
                        <td class="tdDescribe"> <label for="address">地  址</label></td>
                        <td colspan="2" class="tdContentLong"><div class="form-group"><input class="form-control" id="address" name="address" type="text" style="width: 100%" placeholder="建议您填写完整的地址信息，以便技术人员上门服务"/></div></td>
                    </tr>
                    <tr>
                        <td class="tdIcon"><i class="glyphicon glyphicon-bed"/></td>
                        <td class="tdDescribe"><label for="describes">问题描述</label></td>
                        <td colspan="3" class="tdContentLong">
                            <div class="form-group"> <textarea id="describes" name="describes" class="form-control " rows="3" style="width: 100%" placeholder="请尽可能详细的描述您家电所遇到的问题，以便我们针对性的派遣维修人员......" ></textarea></div>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="row clearfix" >
        <div class="col-md-12 column" style="margin-left: 45%">
            <button id="btn_submit"  type="submit" class="btn btn-success  ">
                <span class="glyphicon glyphicon-open " aria-hidden="true"></span>&nbsp;&nbsp;提交
            </button>
            <button id="btn_resetting" type="button" class="btn btn-danger  " >
                <span class="glyphicon glyphicon-retweet " aria-hidden="true"></span>&nbsp;&nbsp;清空
            </button>
        </div>
    </div>
</div>
</body>
</html>
